<template>
    <div class="workBox">
        <span class="pageName">工作台</span>
        <div class="countPeople">
            <card v-for="(item,index) in cardArr" :key="index" :countText="item.countText" :count="item.count"  :spanclass="item.spanclass"></card>
        </div>
        <div class="countOther">
            <statistics v-for="(item,index) in statisticsCountArr" :title="item.title" :countArr="item.arr"></statistics>
        </div>
    </div>
</template>

<script>
    import card from '@/components/count/card.vue';
    import statistics from '@/components/count/statistics.vue';
    import { mapGetters, mapState } from 'vuex';

    export default {
        name:'WorkTable',
        components:{
            card,statistics
        },
        data(){
            return {
               
            }
        },
        computed:{
            ...mapGetters(['cardArr','statisticsCountArr'])
        }
    }
</script>

<style scoped>
     .pageName{
        color:#999999;
        font-size: 14px;
        display: flex;
        justify-content: flex-start;
        padding: 10px 30px;
     }
     .countPeople{
        display: flex;
        justify-content: space-around;
     }
</style>